<?xml version="1.0" encoding="ISO-8859-1" ?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core" version="2.0">
	<jsp:directive.page contentType="text/html; charset=ISO-8859-1"
		pageEncoding="ISO-8859-1" session="true" />
	<jsp:output doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
		omit-xml-declaration="true" />

	<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gamer's Community</title>
<jsp:include page="common/headerScripts.jsp" />
<link rel="stylesheet" href="${root}/css/1col.css" />
<script>
	$(document).ready(function() {
		$("#loginForm").validate();
	});
</script>
</head>
<body>

	<jsp:include page="common/header_nav.jsp" />
	<!-- main starts -->
	<div id="main" class="grid-block">
		<div id="maininner" class="grid-box">
			<section id="content" class="grid-block">
				<!-- <div id="system-message-container"> -->
				<dl id="system-message">

					<c:if test="${not empty error }">
						<dt class="message">Message</dt>
						<dd class="error message fade">
							<ul>
								<li>${error}</li>
							</ul>
						</dd>
					</c:if>

				</dl>
				<!-- </div> -->
				<div id="system">

					<!-- Main Content -->

					<!-- Start Login Form -->


					<!-- Login Form -->
					<h1 class="title">LOGIN</h1>

					<div class="description">To access the private area of this
						site, please log in.</div>

					<form id="loginForm" method="post" action="${root}/login">
						<table id="formtable">
							<tbody>

								<tr>
									<th><label for="lname">User Name:</label>
									</th>
									<td><div class="input-container">
											<input type="text" name="username" value="${username }"
												class="text_field" />

										</div>
									</td>
								</tr>

								<tr>
									<th><label for="pass">Password:</label>
									</th>
									<td><div class="input-container">
											<input type="password" name="password" id="password"
												class="text_field" />
										</div>
									</td>
								</tr>
								<tr>
									<td>&amp;nbsp;</td>
									<td><input type="submit" value="Login" class="submit" />
									</td>
								</tr>
							</tbody>
						</table>

					</form>
					<ul>
						<li><a href="${root}/register">Register an Account</a>
						</li>
						<li><a href="${root}/retrievepassword">Forgot your Password?</a>
						</li>
					</ul>

					<!-- End Login Form -->
					<!-- Main Content ends-->

				</div>
			</section>
		</div>
		<!-- maininner end -->
	</div>
	<!-- main end -->
	<jsp:include page="common/footer.jsp" />

</body>
	</html>
</jsp:root>
